<!DOCTYPE html>
<html>
	<head>
		<script src="js/jquery-1.4.4.min.js"></script>
		<script src="js/properties/map.js"></script>
		<script src="js/properties/properties.js"></script>
		<script src="js/lib/preloader.js"></script>
		<script src="js/lib/gameloop.js"></script>
		<script src="js/lib/player.js"></script>
		<script src="js/lib/story.js"></script>
		<script src="js/lib/stories.js"></script>
		<script src="js/lib/person.js"></script>
		<script src="js/screens/loadingscreen.js"></script>
		<script src="js/screens/startscreen.js"></script>
		<script src="js/screens/actionscreen.js"></script>
		<script src="js/main.js"></script>
		<link rel="stylesheet" href="css/global.css" type="text/css">
	</head>
	<body>
		<div id="out"></div>
		<div id="mainContainer">
			<canvas id="mainCanvas" width="700" height="700">Please get a newer Browser ...</canvas>
			<div id="startscreen">
				<a href="#startscreen">skip intro</a>
				<h1>
					Hello, person!
				</h1>
				<p>
					Grandpa's dead. Sad, isn't it?
				</p>
				<p>
					Although ... you didn't know him that well, did you?
				</p>
				<p>
					And now it's Friday night, funeral feast's over.
				</p>
				<p class="longer">
					People of your family are striving through the old house of the late
				</p>
				<p>
					... wait, what was that name again?
				</p>
				<p>
					Oh damn! Jonathan. Ok, you have to remember that from now on!
				</p>
				<p>
					<span>Because:</span>
				</p>
				<p>
					<span class="biiig">You're his heir!</span>
				</p>
				<p>
					Not only to his wealth, this vast amounts of money and properties.<br>
					You have to step into his footprints!
				</p>
				<p>
					Whatever that means.
				</p>
				<p>
					<span>By the looks of your family you will soon <a href="#startscreen" class="discover">discover that!</a></span>
				</p>
			</div>
			<div id="talksBackground"></div>
			<div id="talk_irvine" class="talksContainer">
				<h1 class="storyName"></h1>
				<div class="person"></div>
				<div class="greeting">Hello You! I want to talk.</div>
				<div class="sorry">Sorry, I've told you all I know.</div>
				<div class="storyText"></div>
				<div class="bye"></div>
				<div class="space">(press Space to close)</div>
				<div class="end">And this is your heritage!</div>
			</div>
			<div id="talk_carrson" class="talksContainer">
				<h1 class="storyName"></h1>
				<div class="person"></div>
				<div class="greeting">You want to know something about the old bastard?</div>
				<div class="sorry">Sorry, I've told you all I know.</div>
				<div class="storyText"></div>
				<div class="bye"></div>
				<div class="space">(press Space to close)</div>
				<div class="end">And this is your heritage!</div>
			</div>
			<div id="talk_robert" class="talksContainer">
				<h1 class="storyName"></h1>
				<div class="person"></div>
				<div class="greeting">You, I have to tell you something!</div>
				<div class="sorry">Sorry, I've told you all I know.</div>
				<div class="storyText"></div>
				<div class="bye"></div>
				<div class="space">(press Space to close)</div>
				<div class="end">And this is your heritage!</div>
			</div>
			<div id="talk_mary" class="talksContainer">
				<h1 class="storyName"></h1>
				<div class="person"></div>
				<div class="greeting">Do you have a minute, my dear?</div>
				<div class="sorry">Sorry, I've told you all I know.</div>
				<div class="storyText"></div>
				<div class="bye"></div>
				<div class="space">(press Space to close)</div>
				<div class="end">And this is your heritage!</div>
			</div>
			<div id="talk_veronica" class="talksContainer">
				<h1 class="storyName"></h1>
				<div class="person"></div>
				<div class="greeting">Hey there, you need to know something!</div>
				<div class="sorry">Sorry, I've told you all I know.</div>
				<div class="storyText"></div>
				<div class="bye"></div>
				<div class="space">(press Space to close)</div>
				<div class="end">And this is your heritage!</div>
			</div>
			<div id="talk_felice" class="talksContainer">
				<h1 class="storyName"></h1>
				<div class="person"></div>
				<div class="greeting">Psst, I'll tell you something, the other don't want you to know:</div>
				<div class="sorry">Sorry, I've told you all I know.</div>
				<div class="storyText"></div>
				<div class="bye"></div>
				<div class="space">(press Space to close)</div>
				<div class="end">And this is your heritage!</div>
			</div>
			<div id="talk_richard" class="talksContainer">
				<h1 class="storyName"></h1>
				<div class="person"></div>
				<div class="greeting">Greetings, Warlord!</div>
				<div class="sorry">Sorry, I've told you all I know.</div>
				<div class="storyText"></div>
				<div class="bye"></div>
				<div class="space">(press Space to close)</div>
				<div class="end">And this is your heritage!</div>
			</div>
			<div id="talk_bob" class="talksContainer">
				<h1 class="storyName"></h1>
				<div class="person"></div>
				<div class="greeting">Oh boy, you wanna here this for sure!</div>
				<div class="sorry">Sorry, I've told you all I know.</div>
				<div class="storyText"></div>
				<div class="bye"></div>
				<div class="space">(press Space to close)</div>
				<div class="end">And this is your heritage!</div>
			</div>
			<div id="end">
				<h1>Was that how you wanted to be?</h1>
				<a href="#">DISCOVER ANOTHER FATE</a>
			</div>
			<div id="messages">
				<h1>Controls</h1>
				<div><b>Moving:</b> w,s,a,d</div>
				<br>
				<h1>Help</h1>
				<a href="#" id="closehelp">close help</a>
				<a href="#" id="openhelp">open help</a>
				<div id="help">
					There are different stories.<br>
					Try to hear only the story you want to follow through.<br>
					Because what you hear is what you will be in the end!<br>
					If you stay to long by a person, you have to listen!<br>
					Hurry, if you don't want to.
				</div>
				<hr>
				<h1>Journal</h1>
				<div id="journal_sword" class="journal"></div>
				<div id="journal_car" class="journal"></div>
				<div id="journal_grocery" class="journal"></div>
				<div id="journal_howhedied" class="journal"></div>
			</div>
		</div>
	</body>
</html>
